﻿@{
    ViewBag.Title = "Index";
}


<section class="featured">
    <div class="content-wrapper">
        <hgroup class="title">
            <h2>GpsBox - Locate your .NET Micro Framework Device</h2>
        </hgroup>

        <div class="well well-large">
            <div class="row-fluid">
                <div class="span9">
                    <h4>The idea of GpsBox of the ppedv-Team</h4>
                    <p>We wanted to create a device which is sending the current position and any user is able to look up the current position of it.</p>
                    <p>Because we are a team which is fascinated about .NET technologies we used the following technologies:</p>
                    <ul>
                        <li>.NET Micro Framework (<a href="http://netmf.codeplex.com">Codeplex</a>)</li>
                        <li>GHI Gadgeteer as hardware vendor (<a href="https://www.ghielectronics.com/">GHI Electronics</a>)</li>
                        <li>AJAX Bing Maps for showing the data (<a href="http://www.bingmapsportal.com/">Codeplex</a>)</li>
                        <li>ASP.NET MVC for the website (<a href="http://aspnet.codeplex.com/">Codeplex</a>)</li>
                        <li>ASP.NET MVC WebApi for service (<a href="http://aspnet.codeplex.com/">Codeplex</a>)</li>
                        <li>Everything in the cloud with Azure (<a href="http://www.windowsazure.com/">Azure</a>)</li>
                    </ul>
                    <p>Lookup the sourcecode at <a href="https://gpsbox.codeplex.com/">codeplex</a></p>
                </div>
                <div class="span3 text-center">
                    <img src="~/Content/Images/ppedvlogo.png" />
                </div>
            </div>
        </div>
        <br />

    </div>
</section>

<h2>Pictures</h2>
<div id="pictures">
    <div class="row-fluid">
        <div class="span3">
            <img src="~/Content/Images/WP_20130712_009.jpg" />
        </div>
        <div class="span3">
            <img src="~/Content/Images/WP_20130712_002.jpg" />
        </div>
        <div class="span3">
            <img src="~/Content/Images/WP_20130712_003.jpg" />
        </div>
        <div class="span3">
            <img src="~/Content/Images/WP_20130712_004.jpg" />
        </div>
    </div>
    <br />
    <div class="row-fluid">
        <div class="span3">
            <img src="~/Content/Images/WP_20130712_005.jpg" />
        </div>
        <div class="span3">
            <img src="~/Content/Images/WP_20130712_006.jpg" />
        </div>
        <div class="span3">
            <img src="~/Content/Images/WP_20130712_007.jpg" />
        </div>
        <div class="span3">
            <img src="~/Content/Images/WP_20130712_008.jpg" />
        </div>
    </div>
    <br />
</div>

<div class="row-fluid">
    <div class="span4 text-center">
        <img src="~/Content/Images/Azure.png" />
    </div>
    <div class="span4 text-center">
        <img src="~/Content/Images/ppedvlogo.png" />
    </div>
    <div class="span4 text-center">
        <img src="~/Content/Images/NETMF.png" />
    </div>
</div>
